{extend name="index_layout"/}
{block name="main"}
<!--    <div class="layui-body">-->
    <div class="layui-card">
        <div class="layui-card-header">基本信息 <span
                style="float: right;color: #01aaed;font-size: 16px; margin-right: 20px;cursor: pointer"
                onclick="window.history.go(-1);">返回</span></div>
        <div class="layui-card-body">
            <p><strong>用户ID：</strong> {$data.id}</p>
            <p><strong>用户昵称：</strong> {$data.user1.nickName}</p>
            <p><strong>当日播放次数：</strong> <span style="font-size: 18px;color: red">{$rebateNum.video_num}次</span>
            </p>
            <p><strong>当日收入：</strong> <span style="font-size: 18px;color: red">{$rebateNum.total_money}元</span></p>

        </div>
    </div>

    <br>

    <div class="layui-card">
        <div class="layui-card-header">支付宝信息</div>
        <table class="layui-table">
            <thead>
            <tr>
                <th>姓名</th>
                <th>账号</th>
                <th>创建时间</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>{$alipay.real_name}</td>
                <td>{$alipay.account}</td>
                <td>{$alipay.create_time}</td>
            </tr>
            <!-- 其他商品信息 -->
            </tbody>
        </table>
    </div>



    <div class="layui-card">
        <div class="layui-card-header">详情列表</div>
        <div class="layui-card-body">
            <div class="layui-form">
                <table class="layui-hide" id="currentTable" lay-filter="currentTable"></table>
            </div>
        </div>

    </div>

    <br>


    <div style="font-size: 16px;color: red">
        状态：<span>{$data.status == 0?"未提现":"已提现"}</span>
    </div>
<!--    </div>-->

<script src="https://cdn.jsdelivr.net/npm/layui-src/dist/layui.all.js"></script>
<script>
    layui.use(['element'], function () {
        var element = layui.element;
    });
</script>


<!--<style>-->
<!--    .layui-table-tool {-->
<!--        display: none;-->
<!--    }-->
<!--</style>-->


{/block}
{block name="script"}

<script type="text/javascript">
    layui.use('yznTable', function () {
        var table = layui.yznTable;
        var init = {
            table_elem: '#currentTable',
            table_render_id: 'currentTable',
            edit_url: '{:url("edit")}',
            delete_url: '{:url("del")}',
            modify_url: '{:url("multi")}',

        };

        table.render({
            init: init,
            toolbar: ['refresh'],
            url: '{:url("edit")}' + '?id=' + {$data.id},
            cols: yznTable.formatCols([
                [
                    {field: 'id', width: 80, title: 'ID',search: false},
                    {field: 'video_user.nickName', title: '播放者',search: false},
                    {field: 'loc_name', title: '钓点'},
                    {field: 'money', title: '收益',search: false},
                    {field: 'create_time', minWidth: 80, title: '播放时间', search: 'range'},

                ]
            ], init),
            page: {}
        });
        yznTable.listenSwitch({filter: 'status', url: init.modify_url});
        yznTable.listenSwitch({filter: 'type', url: init.modify_url});

        yznTable.bindevent();
    });
</script>


{/block}